<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Seu Portal de Receitas - cadastro de usuarios</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/validation.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/jquery-ui-1.11.1.custom/jquery-ui.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/jquery.maskedinput.min.js" charset="utf-8"></script>
        <link rel="stylesheet" href="template.css">
        <link rel="stylesheet" href="js/jquery-ui-1.11.1.custom/jquery-ui.css">
        <script src="js/js-webshim/minified/polyfiller.js" type="text/javascript"></script>
        <script>
            jQuery(function($) {
                $("#telephone").mask("(99)9999-9999");
            });
            $(function() {
                $("#date").datepicker({
                    changeMonth: true,
                    changeYear: true,
					dateFormat: "dd/mm/yy"
                });
                $.webshim.polyfill("forms");
            });
        </script>
    </head>
    <body>
        <div class="center">


            <header>
                <img src="imagens/chefLogo.png" title="Bem Vindo!"/>
                <h1><a href="">Receitas do Cheff</a></h1>
                <div class="header-search">
                    <form id="search" name="search" action="#" method="post">
                        <input type="text" placeholder="Pesquisar no site" id="main-search">
                        <input id="busca" type="submit" value="">
                    </form>
                </div>
            </header>        

            <nav> <!--menu-->
                <ul>
                    <li><a href="index.html">Home</a> <span class="vet_bar">|</span></li>
                    <li>Categorias |
                        <ul>
                            <li><a href="categorias/Bolos/index_categoria.html">Bolos</a></li>
                            <li><a href="categorias/Tortas/index_categoria.html">Tortas</a></li>
                            <li><a href="categorias/Massas/index_categoria.html">Massas</a></li>
                            <li><a href="categorias/Paes/index_categoria.html">Pães</a></li>
                        </ul>
                    </li>
                    <li><a href="entrar.html">Login</a> |</li>
                    <li><a href="cadastro_receita.html">Sugerir Receita!</a></li>                    
                </ul>
            </nav>

            <section class="recipes"> <!--Conteudo Principal-->
                <form id="cad-user" name="cad-user" method="POST" action="#" onsubmit="return valid_cad_user();">
                    <div class="title">Cadastro de Cliente</div>
                    <fieldset>
                        <legend>Detalhes Para Contato</legend>
                        <label for="name">Nome: </label> 
                        <input type = "text" id ="name" name="name"  required> 
                        <label for="telephone">Telefone: </label>
                        <input type="text" id="telephone" name="telephone" class="telephone" required> 
                        <label for="email">Login: </label> 
                        <input type="email" id="email" name="email" required>
                    </fieldset>
                    <fieldset>
                        <legend>Informações Pessoais</legend>
                        <label for="name">Data de Nascimento: </label> 
                        <input type = "text" id ="date" name="date"  required> 
                        <label for="city">Cidade: </label> 
                        <input  type="text" id ="city" name="city" required>  
                        <label for="state">Estado: </label> 
                        <select id="state" name="state" >
                            <option value="Acre"> Acre - AC</option>
                            <option value="Alagoas">Alagoas - AL</option>
                            <option value="Amapa"> Amapa - AP</option>
                            <option value="Amazonas"> Amazonas - AM</option>
                            <option value="Bahia">Bahia - BA</option>
                            <option value="Ceara"> Ceara - CE</option>
                            <option value="Distrito Federal">Distrito Federal - DF</option>
                            <option value="Espirito Santo">Espirito Santo - ES</option>
                            <option value="Goiás">Goiás - GO</option>
                            <option value="Maranhao">Maranhao - MA</option>
                            <option value="Mato Grosso">Mato Grosso - MT</option>
                            <option value="Mato Grosso do Sul">Mato Grosso do Sul - MS</option>
                            <option value="Minas Gerais">Minas Gerais - MG</option>
                            <option value="Para">Para - PA</option>
                            <option value="Paraiba">Paraiba - PB</option>
                            <option value="Parana">Parana - PR</option>
                            <option value="Pernambuco">Pernambuco - PE</option>
                            <option value="Piaui">Piaui - PI</option>
                            <option value="Rio de Janeiro">Rio de Janeiro - RJ</option>
                            <option value="Rio Grande do Norte">Rio Grande do Norte - RN</option>
                            <option value="Rio Grande do Sul">Rio Grande do Sul - RS</option>
                            <option value="Rondonia">Rondonia - RO</option>
                            <option value="Roraima">Roraima - RR</option>
                            <option value="Santa Catarina">Santa Catarina SC</option>
                            <option value="Sao Paulo">Sao Paulo SP</option>
                            <option value="Sergipe">Sergipe SE</option>
                            <option value="Tocantins">Tocantins TO</option>
                        </select> 
                    </fieldset>
                    <fieldset>
                        <legend>Informações de Acesso</legend>
                        <label for="pass">Senha: </label> 
                        <input type="password" id="pass" name="pass" required> <input id="update" name="update" type="hidden" > 
                        <label for="confirm-pass">Confirmar senha: </label> 
                        <input type="password" id="confirm-pass" name="confirm-pass" required> 
                    </fieldset>
                    <input type="submit" value="Cadastrar">
                </form>
            </section>

            <aside>
                <h3>Top 3 por Categoria</h3> <!--Listagem com os mais bem avaliados-->
                <ol>
                    <li>Bolos
                        <ul>
                            <li><a href="">Bolo1, Nota: 10</a></li>
                            <li><a href="">Bolo2, Nota: 9,7</a></li>
                            <li><a href="">Bolo3, Nota: 8,2</a></li>
                        </ul>
                    </li>
                    <li>Tortas
                        <ul>
                            <li>Torta1</li>
                            <li>Torta2</li>
                            <li>Torta3</li>                            
                        </ul>
                    </li>
                    <li>Massas
                        <ul>
                            <li>Massa1</li>
                            <li>Massa2</li>
                            <li>Massa3</li>

                        </ul>
                    </li>

                </ol>
            </aside>


        </div>

        <footer class="clear">
            <p>Receitas do Cheff</p>
            <p>Desenvolvido por:</p>
            <ul class="member">
                <li>Afonso Expedito da Silva, 7572791</li>
                <li>Cleiton Duarte Pereira, 7572804</li>
            </ul>

        </footer>

    </body>
</html>
